<template>
  <section>
    <div class="operation-header">
      <div class="operation-header-icon" @click="getUrl()">
        <img src="../assets/icon-left.png" class="operation-header-icon-img" />
      </div>
      <div>{{title}}</div>
    </div>
    <div class="operation-header-div"></div>
  </section>

</template>

<script>
export default {
  props: {
    title: String,
    flag: Boolean
  },
  methods: {
    getUrl () {
      if (this.flag) {
        this.$emit('routerChange')
      } else {
        this.$router.go(-1)
      }
    }
  }
}
</script>

<style scoped>
  .operation-header-div{
    height: 115px;
  }
.operation-header{
  background: #fff;
  color: #202020;
  font-size: 38px;
  display: flex;
  z-index: 99;
  justify-content: center;
  align-items: center;
  position: fixed;
  top:0px;
  width: 750px;
  height: 110px;
}
.operation-header-icon{
  width:20px;
  height:35px;
  position: absolute;
  left: 32px;
}
.operation-header-icon-img{
  width:20px;
  height:35px;
}
</style>
